<template>
    <select class="theme-select" v-model="theme">
        <option value="OS">跟随系统</option>
        <option value="light">浅色模式</option>
        <option value="dark">深色模式</option>
    </select>
</template>

<script lang="ts" setup>
import { watch } from 'vue';
import useTheme from '../utils/useTheme';
const { theme } = useTheme();
//console.log(theme.value);

</script>

<style scoped>
.theme-select{
    font-size: inherit;
    padding: 5px 20px;
    background: lightslategray;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}
</style>